<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册</title>
  <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link href="css/login.css" rel="stylesheet">
  <script src="js/register.js"></script>
</head>

<body>
<div class="signin">
	<div class="signin-head"><img src="images/header.png" alt="" class="img-circle"></div>
	<form class="form-signin" role="form">
    <div class="input-group input-group-lg">
      <span class="input-group-addon">用户名</span>
      <input type="text" class="form-control" placeholder="不少于5个字符" id="user">
    </div>
    <br>
    <div class="input-group input-group-lg">
      <span class="input-group-addon">邮&nbsp;&nbsp;&nbsp;箱</span>
      <input type="text" class="form-control" placeholder="用于找回密码" id="mail">
    </div>
    <br>
    <div class="input-group input-group-lg">
      <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码</span>
      <input type="text" class="form-control" placeholder="至少6位" id="password">
    </div>
		<button class="btn btn-lg btn-warning btn-block" type="button" style="margin-top:40px" onclick="register()">注册</button>
	</form>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">×
				</button>
				<h4 class="modal-title" id="myModalTitle">
					提交的数据有误
				</h4>
			</div>
			<div class="modal-body" id="myModalContent">
				按下 ESC 按钮退出。
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default"
						data-dismiss="modal">知道了
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</body>
</html>
